<template>
  <nav-bar><template v-slot:center class='title'><div v-for='item in titles' :key='item.id' class='title-item'>{{item}}</div></template></nav-bar>
</template>

<script>
import NavBar from '../../../components/common/navbar/NavBar.vue'
export default {
name:'DetailNavBar',
components:{
  NavBar,
},
data() {
  return {
    titles:['商品','参数','评论','推荐']
  }
},
}
</script>

<style scoped>
.title {
  display:flex;
font-size:12px;
}
.title-item {
  justify-content: space-evenly;
  text-align:center;
  flex:1;
  display:inline-block;
}
</style>